﻿@model GPS.ENTITYS.View_Export_DT_PC_ChamThi
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Biên bản họp phân công tổ chấm thi - Cấp chứng chỉ sơ cấp nghề";
}
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Biên bản họp phân công tổ chấm thi - Cấp chứng chỉ sơ cấp nghề</h3>
    @using (Html.BeginForm("Index", "GPS_DT_TN_PC_ChamThi", FormMethod.Get))
    {
        <div class="row">
            <div class="list-group">
                <fieldset class="fs_body">
                    <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />
                    <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                    <div class="criteria_search">
                        <div class="row  margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pDVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
                                <span id="rDataDVGTVT_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pDVGTVT_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên đơn vị để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>
                            <div class="col-md-2 control-label">
                                Khóa thi tốt nghiệp:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pKH_MA, new { @class = "form-control", @id = "KH_MA" })
                                <span id="rDataHV_KH_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pKH_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên khóa thi tốt nghiệp để hiển thị danh sách khóa học </p>
                                </div>
                            </div>
                        </div>
                        <div class="row  margin-top-05">
                            <div class="col-md-2 control-label">
                                Số Quyết Định:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pQD_TEN, new { @class = "form-control", @id = "SoQD", @readonly = "readonly" })
                                @Html.HiddenFor(model => model.pQD_ID, new { @class = "form-control", @id = "QD_ID" })
                                @Html.ValidationMessageFor(model => model.pQD_ID)
                            </div>
                        </div>
                    </div>
                    <div class="row margin-top-05 btn_search">
                        @if (ViewBag.TotalRow != "0")
                        {
                            <button type="submit" class="btn btn-primary btn-sm" name="SearchButton" id="btnExport" title="Xuất Excel" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> Biên bản họp phân công tổ chấm thi - Cấp chứng chỉ sơ cấp nghề
                            </button>
                        }
                        <button type="submit" id="btnSearch" class="btn btn-warning btn-sm" name="SearchButton" value="Tìm kiếm">
                            <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                        </button>
                    </div>
                </fieldset>
            </div>
        </div>

        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>
                <div class="divbtnFielset">
                    <div style="float: right;">
                        <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                    </div>
                </div>
                <div style="clear:both; padding: 5px 0;">
                    <table class="table table-hover table-bordered table-condensed">
                        <tr>
                            <th>
                                STT
                            </th>
                            <th>
                                Mã sát hạch viên
                            </th>
                            <th>
                                Họ và tên
                            </th>
                            <th>
                                Trạng thái phân công
                            </th>
                            <th>
                                Phân công
                            </th>
                        </tr>
                        @if (Model.SearchResults != null)
                        {
                            foreach (var item in Model.SearchResults)
                            {
                                <tr>
                                    <td align="center" height="30px">
                                        @Html.DisplayFor(modelItem => item.STT)
                                    </td>
                                    <td align="center" height="30">
                                        @Html.DisplayFor(modelItem => item.DTTN_HD_SHV_MA)
                                    </td>
                                    <td align="left" height="30">
                                        @Html.DisplayFor(modelItem => item.GV_HOTEN)
                                    </td>
                                    <td align="left" height="30">
                                        @if (string.IsNullOrEmpty(item.CVSHV_TEN))
                                        {
                                            @Html.Label("Chưa phân công", new { @style = "color:red" })
                                        }
                                        else
                                        {
                                            @Html.DisplayFor(modelItem => item.CVSHV_TEN, new { @style = "color:blue" })
                                        }
                                    </td>
                                    <td align="center" height="30">
                                        <a href="@Url.Action("_Detail", "GPS_DT_TN_PC_ChamThi", new { id1 = item.DTTN_HD_DVGTVT_MA, id2 = item.DTTN_HD_DTTN_QD_ID, id3 = item.DTTN_HD_SHV_MA })" data-modal="">
                                            <img src="@Url.Content("~/fonts/grid-edit-icon.png")" title="Phân công hội đồng chấm thi" />
                                        </a>
                                    </td>
                                </tr>
                            }
                        }
                    </table>
                </div>

                <div class="pagination-sm" style="clear:both; padding: 5px 0;">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pDVGTVT_MA,
       Model.pKH_MA,
       Model.pQD_TEN,
       Model.pQD_ID
   }))
                </div>
            </fieldset>
        </div>
    }
</div>
<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>
@section Scripts {
    @Scripts.Render("~/bundles/modalform")
}

<script src="~/Scripts/check_user.js"></script>
<script>
    $(document).ready(function () {
        var _var = $("#CheckUser").val();
        if (_var != '40' && _var != null && _var != "") {
            $("#DVGTVT_MA").prop("readonly", true);
        }
        $("#QD_ID").prop("readonly", true);

        $("#btnExport").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in quyết định. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        $("#DVGTVT_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_KhoaHoc/AutoCompleteDVGTVT_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
                        }))
                    }
                })
            },
            change: function (event, ui) {
                $('#KH_MA').val("");
            },
            messages: {
                noResults: "", results: ""
            }
        }).click(function () {
            $(this).val("");
            $('#KH_MA').val("");
            $(this).autocomplete("search");
        });

        $("#KH_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_DT_TN_PhanCong/AutoCompleteKH_MA",
                    type: "POST",
                    dataType: "json",
                    data: {
                        term: request.term,
                        dvgtvt_ma: $("#DVGTVT_MA").val()
                    },
                    minLength: 2,
                    delay: 200,
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.DDTTN_QD_TENKHOA, value: item.ID + ':' + item.DDTTN_QD_SO_QD
                            };
                        }))
                    }
                })
            },
            select: function (event, ui) {
                event.preventDefault();
                $(this).val(ui.item.label);
                var _value = ui.item.value;
                var _SoQD = _value.substring(_value.indexOf(":") + 1, _value.length);
                $("#SoQD").val(_SoQD);
                $("#QD_ID").val(_value.substring(0, _value.indexOf(":")));
                $("#SoQD").prop("readonly", true);
            },
            focus: function (event, ui) {
                event.preventDefault();
                $(this).val(ui.item.label);
                var _value = ui.item.value;
                var _SoQD = _value.substring(_value.indexOf(":") + 1, _value.length);
                $("#SoQD").val(_SoQD);
                $("#QD_ID").val(_value.substring(0, _value.indexOf(":")));
                $("#SoQD").prop("readonly", true);
            },
        }).click(function (event, ui) {
            var _val = $("#DVGTVT_MA").val();
            if (_val == "" || _val == null) {
                alert('CHÚ Ý: Bạn muốn tìm kiếm khóa học. Bạn phải nhập mã/tên đơn vị đào tạo!!!');
            }
            else {
                $(this).val("");
                $(this).autocomplete("search");
            }
        });

        $("#btnSearch").click(function () {
            var _var = $("#QD_ID").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn chưa điền khóa học. Bạn phải điền khóa học mới có thể tìm kiếm!");
                return false;
            } else {
                return true;
            }
        });

    })
</script>



